<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   <title>Document</title>
</head>
<body>
    <!-- 音视频 -->
    <!-- audio 引入外部音频 -->
    <!-- 音视频文件引入时，默认不允许用户操作
    加上controls 就可以
    autoplay 自动播放，但是目前因为体验问题，不会生效
    loop 循环播放
     -->
    <audio src="../media/audio.mp3" controls autoplay loop></audio>
    <audio controls>
        <source src="../media/audio.mp3" >
        <source src="../media/audio.ogg" >
     </audio>

     <!-- 兼容ie8 -->
     <embed src="../media/audio.mp3" type="audio/mp3" width="300" height="60">

     <video controls>
            <source src="../media/flower.mp4" >
            <source src="../media/flower.webm" >
            <!-- 兼容ie8 -->
            <embed src="../media/flower.mp4" type="video/mp4">
     </video>

     <iframe width="500" height="300" src="//player.bilibili.com/player.html?aid=77217003&bvid=BV1XJ411X7Ud&cid=132017557&page=26" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

</body>
</html>